<template>
    <div>
<!--      <div class="shopcart-header">-->
<!--        <span class="car">购物车</span>-->
<!--        <span class="bianji">编辑</span>-->
<!--      </div>-->
<!--      <div class="goods">-->
<!--        <label class="checkBox"><input type="checkbox"></label>-->
<!--        <img src="./rowing/s1.png" alt="">-->
<!--        <div class="goods-left">-->
<!--          <p class="name">速率考虑考虑深V领深Vjhfakaklvkanaajkahfakvnam,vna</p>-->
<!--          <p class="title">58akjcnak</p>-->
<!--          <span class="price">$500</span>-->
<!--        </div>-->
      </div>

    </div>
</template>

<script>
    export default {
        name: "shopcart"
    }
</script>

<style scoped lang="scss">
.shopcart-header{
  display: flex;
  width: 100%;
  height: 60px;
  /*font-size: 30px;*/
  background: darkorange;
  /*text-align: center;*/
  align-items: center;
  .car{
    /*align-items: center;*/
    margin: auto;
  }
  .bianji{
    margin-right: 10px;
  }
}
.goods{
  width: 100%;
  height: 300px;
  background: #42b983;
  display: flex;
  align-items: center;
  display: flex;
  border-top: 10px solid darkgrey;
  img{
    height: 100%;
    width: 300px;
  }
  .goods-left{
    height: 100%;
    margin-left: 40px;
    position: relative;
    .name{
      margin-top: 20px;
      width: 100%;
      max-height: 80px;
      line-height: 40px;
      font-size: 30px;
      color: #333;
      overflow: hidden;
    }
    .title{
      width: 100%;
      max-height: 40px;
      padding: 20px 0;
      line-height: 50px;
      font-size: 26px;
      color: #999;
      overflow: hidden;
    }
  }
}
</style>
